# -*- coding:utf-8 -*-
from mako import runtime, filters, cache
UNDEFINED = runtime.UNDEFINED
STOP_RENDERING = runtime.STOP_RENDERING
__M_dict_builtin = dict
__M_locals_builtin = locals
_magic_number = 10
_modified_time = 1495878381.968478
_enable_loop = True
_template_filename = '/data/bksuite_ce-3.0.22-beta/paas/paas_agent/apps/projects/bk_monitor/code/bk_monitor/templates/monitor/performanceV2/home.html'
_template_uri = '/monitor/performanceV2/home.html'
_source_encoding = 'utf-8'
_exports = [u'content', u'script']


def _mako_get_namespace(context, name):
    try:
        return context.namespaces[(__name__, name)]
    except KeyError:
        _mako_generate_namespaces(context)
        return context.namespaces[(__name__, name)]
def _mako_generate_namespaces(context):
    pass
def _mako_inherit(template, context):
    _mako_generate_namespaces(context)
    return runtime._inherit_from(context, u'/monitor/base_new.html', _template_uri)
def render_body(context,**pageargs):
    __M_caller = context.caller_stack._push_frame()
    try:
        __M_locals = __M_dict_builtin(pageargs=pageargs)
        def script():
            return render_script(context._locals(__M_locals))
        STATIC_VERSION = context.get('STATIC_VERSION', UNDEFINED)
        checkhost_id = context.get('checkhost_id', UNDEFINED)
        STATIC_URL = context.get('STATIC_URL', UNDEFINED)
        plat_info = context.get('plat_info', UNDEFINED)
        def content():
            return render_content(context._locals(__M_locals))
        count_per_page = context.get('count_per_page', UNDEFINED)
        RUN_MODE = context.get('RUN_MODE', UNDEFINED)
        __M_writer = context.writer()
        __M_writer(u'\n\n\n        ')
        if 'parent' not in context._data or not hasattr(context._data['parent'], 'content'):
            context['self'].content(**pageargs)
        

        __M_writer(u'\n\n')
        if 'parent' not in context._data or not hasattr(context._data['parent'], 'script'):
            context['self'].script(**pageargs)
        

        return ''
    finally:
        context.caller_stack._pop_frame()


def render_content(context,**pageargs):
    __M_caller = context.caller_stack._push_frame()
    try:
        checkhost_id = context.get('checkhost_id', UNDEFINED)
        STATIC_URL = context.get('STATIC_URL', UNDEFINED)
        plat_info = context.get('plat_info', UNDEFINED)
        def content():
            return render_content(context)
        count_per_page = context.get('count_per_page', UNDEFINED)
        RUN_MODE = context.get('RUN_MODE', UNDEFINED)
        __M_writer = context.writer()
        __M_writer(u'\n        <link rel="stylesheet" type="text/css" href="')
        __M_writer(unicode(STATIC_URL))
        __M_writer(u'alert/css/configV2/configure.css">\n        <style>\n            article.content .side-content-wrapper > .side-content .single-detail .relevant-alert-info span.active {\n                border: inset;\n                border-width: 2px;\n                border-color: #655656;\n            }\n            article.content .side-content-wrapper > .side-content .single-detail .relevant-alert-info .title-badge{\n                cursor: pointer;\n            }\n            article.content .side-content-wrapper > .side-content .single-detail .relevant-monitor-info table .operation i.disabled {\n                color: rgba(128, 128, 128, 0.45) !important;\n                cursor: not-allowed;\n            }\n')
        __M_writer(u'            .loading-wrapper{\n                color: white;\n            }\n            .content{\n                min-height: 800px;\n            }\n            .status.default {\n                background-color: #c4c4c4;\n            }\n            .component-item.default {\n                color: #c4c4c4;\n            }\n            span.component-item{\n                margin-right: 5px; !important;\n            }\n            i.expanded {\n                -webkit-transform: rotate(180deg);\n                -ms-transform: rotate(180deg);\n                transform: rotate(180deg);\n            }\n            i.icon-jiantou1 {\n                display: block;\n            }\n            .ellipsis-data {\n                max-width: 300px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;\n            }\n        </style>\n            <section class="tips hidden" id="tips">\n                <div class="main-tips">\n                    <p class="title">\u6e29\u99a8\u63d0\u793a</p>\n                    <div class="main">\n                        \u68c0\u6d4b\u5230\u60a8\u7684\u4e1a\u52a1\u5c1a\u672a\u5f00\u542f\u76d1\u63a7\uff0c\u70b9\u51fb\u4e0b\u9762\u6309\u94ae\u5f00\u542f\u4e3b\u673a\u6307\u6807\u91c7\u96c6\uff0c10-20\u5206\u949f\u540e\u5237\u65b0\u6b64\u9875\u9762\u5373\u53ef\u67e5\u770b\u5230\u4e3b\u673a\u6570\u636e\uff0c\u8bf7\u8010\u5fc3\u7b49\u5f85\uff01\n                    </div>\n                    <button type="button" class="collection-btn" id="collection">\u5f00\u59cb\u91c7\u96c6</button>\n                </div>\n            </section>\n            <article class="content" id="bp_index">\n                <section class="filter">\n                    <div class="panel panel-default">\n                        <div class="panel-heading panel-title">\n                            \u6761\u4ef6\u8fc7\u6ee4\n                            <div class="config__panelTool pull-right" data-type="slideItem">\n                                <span class="config__icon config__panelIcon">\n                                    <i class="iconfont icon-jiantou1"></i>\n                                </span>\n                            </div>\n                        </div>\n                        <div class="panel-body panel-content clearfix" id="panelContent" style="display: none">\n                            <div class="condition-left pull-left">\n                                <div class="clearfix condition-row" data-type="condition-row">\n                                    <div class="pull-left condition-item">\n                                        <p class="title">\u96c6\u7fa4\u540d</p>\n                                        <input id="set-select2">\n                                    </div>\n                                    <div class="pull-left condition-item">\n                                        <p class="title">\u6a21\u5757\u540d</p>\n                                        <input id="mod-select2">\n                                    </div>\n                                    <div class="pull-left condition-item">\n                                        <p class="title">\u6309\u5c5e\u6027\u5206\u7ec4\u5c55\u793a</p>\n                                        <input id="property-select2">\n                                    </div>\n                                    <div class="pull-left condition-item hidden">\n                                        <p class="title">\u72b6\u6001</p>\n                                        <input id="status-select2">\n                                    </div>\n                                </div>\n                            </div>\n\n                            <div class="condition-right pull-left">\n                                <div class="pull-left condition-item condition-input">\n                                    <p class="title">IP / \u4e3b\u673a\u540d</p>\n                                    <textarea rows="1" class="filter-input" id="ip-filter" data-type="filter" placeholder="\u8f93\u5165\u591a\u4e2aIP\u65f6\uff0c\u8bf7\u7528\u6362\u884c\u5206\u9694"></textarea>\n                                    <div class="msg hidden">IP/\u4e3b\u673a\u540d\u6709\u8bef\uff0c\u8bf7\u91cd\u65b0\u8f93\u5165\uff01</div>\n                                </div>\n                            </div>\n\n                            <div class="filter-more" id="filterMore"><span>\u66f4\u591a</span><i class="iconfont icon-jiantou1"></i></div>\n                        </div>\n                    </div>\n                </section>\n\n                <section class="tools clearfix">\n                    <div class="pull-left">\n                        <a class="king-btn king-default select-all" title="all">\n                            <input type="checkbox" name="item" id="select_all">\n                            <label for="select_all">\u5168\u9009</label>\n                        </a>\n                        <a class="king-btn king-primary" title="" disabled data-toggle="tooltip" data-placement="top" id="batchCheck" @click="multiple_hosts_graph_btn_click($event)">\u6279\u91cf\u67e5\u770b</a>\n                        <a class="king-btn king-primary" title="" disabled data-toggle="tooltip" data-placement="top" id="batchAdd" @click="add_monitor($event, 1)">\u6279\u91cf\u589e\u52a0\u7b56\u7565</a>\n                        <a class="king-btn king-primary" title="" disabled data-toggle="tooltip" data-placement="top" id="batchAccess" @click="access_all($event)">\u6279\u91cf\u91c7\u96c6\u4e0a\u62a5</a>\n                        <a class="king-btn king-primary" title="" @click="add_monitor($event)">\u65b0\u589e\u544a\u8b66\u7b56\u7565</a>\n\n                    </div>\n                    <div class="pull-right">\n                        <span class="last-update" >\n                            \u4e0a\u6b21\u66f4\u65b0\u65f6\u95f4\uff1a<span id="update_time">\u52a0\u8f7d\u4e2d...</span>\n                        </span>\n                        <a class="king-btn king-primary update-ben" id="updateBtn"><i class="iconfont icon-weibiaoti2"></i>\u5237\u65b0\u6570\u636e</a>\n                    </div>\n                </section>\n\n                <section class="main-list">\n                    <div class="panel panel-default">\n                        <div class="panel-heading panel-title" id="panelHeading">\n                            <table>\n                                <thead>\n                                    <tr class="list-row">\n                                        <td class="item-select-width panel-title-item"></td>\n                                        <td class="item-ip-width panel-title-item">\u4e3b\u673a\u540d/IP</td>\n                                        <td class="item-status-width panel-title-item">\u72b6\u6001</td>\n                                        <td class="item-alert-width panel-title-item">\u544a\u8b66\u4e8b\u4ef6\uff08\u4eca\u65e5\uff09</td>\n                                        <td class="list-condition-width panel-title-item" data-type="condition" data-attr="cpu_usage">\n                                            <i class="iconfont icon-jiantou visibility-hidden"></i>CPU\u4f7f\u7528\u7387\n                                        </td>\n')
        __M_writer(u'                                        <td class="list-condition-width panel-title-item" data-type="condition" data-attr="io_util">\n                                            <i class="iconfont icon-jiantou visibility-hidden"></i>\u78c1\u76d8IO\u4f7f\u7528\u7387\n                                        </td>\n                                        <td class="list-condition-width panel-title-item" data-type="condition" data-attr="cpu_load">\n                                            <i class="iconfont icon-jiantou visibility-hidden"></i>CPU5\u5206\u949f\u8d1f\u8f7d\n                                        </td>\n')
        __M_writer(u'                                    </tr>\n                                </thead>\n                            </table>\n                        </div>\n                        <div class="panel-body panel-content" id="panelBody">\n                            <table>\n                                <tbody>\n                                    <!-- \u9875\u9762\u9996\u6b21\u6253\u5f00 -->\n                                    <template v-if="first_open">\n                                    <tr>\n                                        <td colspan="9" class="no-data">\n\n                                        </td>\n                                    </tr>\n                                    </template>\n\n                                    <!-- \u4e3b\u673a\u6027\u80fd\u5c55\u793a -->\n                                    <template v-if="hosts.length > 0">\n                                        <template v-for="host in hosts">\n                                            <tr v-if="host.is_label" class="list-row list-group" data-type="group" data-status="{{host.label_status}}">\n                                                <td colspan="8" @click="toggle_group_hosts(host.group_val||\'\u7a7a\')">\n                                                    <span class="group-expand" data-type="group-mark">{{host.label_icon_text}}</span>\n                                                    <span class="group-title">{{host.group_text + host.group_hosts.length + "\u53f0"}}</span>\n                                                </td>\n                                            </tr>\n                                            <tr v-else class="list-row" track-by="id" data-group="{{group_by}}" data-type="{{host.is_stickied?\'isTop\':\'\'}}" @click="on_tr_click($event, host)">\n                                                <td class="item-select-width item-select">\n                                                    <span class="toTop {{host.is_stickied?\'toped\':\'\'}}" data-type="toTop" data-toggle="tooltip" data-placement="top" @click="stick_icon_click($event, host)" @mouseenter="stick_tooltips($event)" @mouseleave="stick_tooltips_destroy($event)">\n                                                        <i class="iconfont icon-zhiding1"></i>\n                                                    </span>\n                                                    <input type="checkbox" name="item" v-model="host.checked" data-host_id="{{host.id}}">\n                                                </td>\n                                                <td class="item-ip-width item-ip">\n                                                    <a href="javascript:;">{{host.InnerIP}}</a>\n                                                </td>\n                                                <td class="item-status-width item-status">\n                                                    <span class="status {{status_class(host.status)}}"></span>\n                                                    {{host.status==0?"\u6b63\u5e38":host.status==2?"Agent\u672a\u5b89\u88c5":host.status==3?"\u6570\u636e\u672a\u4e0a\u62a5":"\u672a\u77e5"}}\n                                                </td>\n                                                <td class="item-alert-width item-alert">\n                                                    <span @mouseenter="alert_tooltips($event, host)" class="alert-event low" data-type="alert-tip" data-toggle="tooltip" data-placement="top">{{host.alarm.level[0]}}</span>\n                                                    <span @mouseenter="alert_tooltips($event, host)" class="alert-event middle" data-type="alert-tip" data-toggle="tooltip" data-placement="top">{{host.alarm.level[1]}}</span>\n                                                    <span @mouseenter="alert_tooltips($event, host)" class="alert-event high" data-type="alert-tip" data-toggle="tooltip" data-placement="top">{{host.alarm.level[2]}}</span>\n                                                </td>\n                                                <td class="list-condition-width list-condition">\n                                                    <div v-if="host.cpu_usage" class="item-chart" data-percent="{{host.cpu_usage.val.toFixed(2)}}" data-type="{{host.cpu_usage.val > 80 ? \'chart-error\': \'chart-normal\'}}" data-chart="pie" data-row="cpu">\n                                                        <span @mouseenter="show_cpu_single_usage($event, host)">{{host.cpu_usage.val.toFixed(2) + host.cpu_usage.unit}}</span>\n                                                    </div>\n                                                    <span v-else>\n                                                        \u65e0\u67e5\u8be2\u6570\u636e\n                                                    </span>\n                                                </td>\n')
        __M_writer(u'                                                <td class="list-condition-width list-condition">\n                                                    <div v-if="host.io_util" class="item-chart" data-percent="{{host.io_util.val.toFixed(2)}}" data-type="{{host.io_util.val > 80 ? \'chart-error\': \'chart-normal\'}}" data-chart="pie">\n                                                        <span>{{host.io_util.val.toFixed(2) + host.io_util.unit}}</span>\n                                                    </div>\n                                                    <span v-else>\n                                                        \u65e0\u67e5\u8be2\u6570\u636e\n                                                    </span>\n                                                </td>\n                                                <td class="list-condition-width list-condition">\n                                                    <span v-if="host.cpu_load">\n                                                        {{host.cpu_load.val.toFixed(2)}}\n                                                    </span>\n                                                    <span v-else>\n                                                        \u65e0\u67e5\u8be2\u6570\u636e\n                                                    </span>\n                                                </td>\n')
        __M_writer(u'                                            </tr>\n                                        </template>\n                                    </template>\n\n                                    <!-- \u65e0\u6570\u636e\u5c55\u793a -->\n                                    <template v-if="hosts.length == 0 && !first_open">\n                                    <tr>\n                                        <td colspan="9" class="no-data">\n                                            \u65e0\u67e5\u8be2\u6570\u636e\n                                        </td>\n                                    </tr>\n                                    </template>\n                                </tbody>\n                            </table>\n                            <div class="loading hidden" id="hosts_table_loading">\n                                <div class="loading-wrapper">\n                                    <img alt="loadding" src="')
        __M_writer(unicode(STATIC_URL))
        __M_writer(u'img/hourglass_36.gif">\n                                    \u5237\u65b0\u4e2d\uff0c\u8bf7\u7a0d\u7b49\n                                </div>\n                            </div>\n                        </div>\n                        <div class="panel-footer panel-bottom clearfix" id="hosts-paging-footer">\n\n                        </div>\n                    </div>\n                </section>\n\n                <section class="side-content-wrapper hidden" id="sideContent" data-type="close" style="z-index: 2;">\n                    <div class="side-content">\n                        <div class="single-detail hidden" id="single">\n                            <!-- \u4e3b\u673a\u4fe1\u606f -->\n                            <div class="mainframe-info info-item">\n                                <p class="title">\n                                    <i class="iconfont icon-zhujixinxi"></i>\n                                    \u4e3b\u673a\u4fe1\u606f\n                                </p>\n                                <div class="detail">\n                                    <div class="row">\n                                        <div class="col-sm-4">\n                                            <span class="sub-title">\u4e3b\u673a\u540d\uff1a</span>\n                                            <span class="sub-content">{{checked_host?checked_host.HostName || "\u7a7a":""}}</span>\n                                        </div>\n                                        <div class="col-sm-4">\n                                            <span class="sub-title">\u5185\u7f51IP\uff1a</span>\n                                            <span class="sub-content">{{checked_host?checked_host.InnerIP || "\u7a7a":""}}</span>\n                                        </div>\n                                        <div class="col-sm-4">\n                                            <span class="sub-title">\u5916\u7f51IP\uff1a</span>\n                                            <span class="sub-content">{{checked_host?checked_host.OuterIP || "\u7a7a":""}}</span>\n                                        </div>\n                                    </div>\n                                    <div class="row">\n                                        <div class="col-sm-4">\n                                            <span class="sub-title">\u6240\u5c5e\u96c6\u7fa4\uff1a</span>\n                                            <span class="sub-content">{{checked_host?checked_host.SetName || "\u7a7a":""}}</span>\n                                        </div>\n                                        <div class="col-sm-4">\n                                            <span class="sub-title">\u6240\u5c5e\u6a21\u5757\uff1a</span>\n                                            <span class="sub-content">{{checked_host?checked_host.ModuleName || "\u7a7a":""}}</span>\n                                        </div>\n                                        <div class="col-sm-4">\n                                            <span class="sub-title">\u673a\u623f\u57ce\u5e02\uff1a</span>\n                                            <span class="sub-content">{{checked_host?checked_host.Region || "\u7a7a":""}}</span>\n                                        </div>\n                                    </div>\n                                    <div class="row">\n                                        <div class="col-sm-4">\n                                            <span class="sub-title">Agent\u72b6\u6001\uff1a</span>\n                                            <span class=\'sub-content {{checked_host?(checked_host.agent_status==0?"on":"off"):""}}\'>{{{agent_status_display}}}</span>\n                                        </div>\n                                        <div class="col-sm-4">\n                                            <span class="sub-title">OS\u7c7b\u578b\uff1a</span>\n                                            <span class="sub-content">{{checked_host?checked_host.OSName || "\u7a7a":""}}</span>\n                                        </div>\n                                        <div class="col-sm-4">\n                                            <span class="sub-title">\u4e91\u533a\u57df\uff1a</span>\n                                            <span class="sub-content">{{plat_name_display}}</span>\n                                        </div>\n                                    </div>\n                                </div>\n                            </div>\n\n                            <!-- \u76d1\u63a7\u670d\u52a1\u89c6\u56fe -->\n                            <div class="monitor-info info-item">\n                                <div class="clearfix">\n                                    <div class="title pull-left">\n                                        <i class="iconfont icon-shitu"></i>\n                                        \u76d1\u63a7\u670d\u52a1\u89c6\u56fe\n                                    </div>\n                                    <div class="date-select pull-right mt15">\n                                        \u67e5\u770b\u65e5\u671f\uff1a\n                                        <input type="text" class="form-control time-picker" id="single_graph_date" placeholder="\u9009\u62e9\u65e5\u671f...">\n                                    </div>\n                                </div>\n\n\t\t\t\t\t\t\t<div class="selector-options" id="monitorSelector">\n\t\t\t\t\t\t\t\t<span class="option normal selected" @click="on_component_span_click($event, checked_host)">System</span>\n                                <template v-if="checked_host && checked_host.component">\n                                <span v-for="c in checked_host.component" class="option {{status_class(c.status)}}" @click="on_component_span_click($event, checked_host)">{{c.name}}</span>\n                                </template>\n\t\t\t\t\t\t\t</div>\n\n                                <div class="monitor-chart">\n                                    <div class="row">\n                                        <template v-for="host_index in checked_host_index_table">\n                                        <div class="col-sm-6 mb20 single-contain">\n                                            <div class="chart-item">\n                                                <p class="sub-title">{{host_index.description + " "+ host_index.dimension_field_value}}</p>\n                                                <div class="line-chart" data-index_id="{{host_index.index_id}}" data-dimension_field_value="{{host_index.dimension_field_value}}"></div>\n                                            </div>\n                                        </div>\n                                        </template>\n                                    </div>\n                                    <div class="paging-wrapper clearfix" id="single_graph_paging_footer">\n\n                                    </div>\n                                </div>\n                            </div>\n\n                            <!-- \u5173\u8054\u76d1\u63a7\u7b56\u7565 -->\n                            <div class="relevant-monitor-info info-item">\n                                <p class="title">\n                                    <i class="iconfont icon-celve"></i>\n                                    \u5173\u8054\u544a\u8b66\u7b56\u7565\n                                </p>\n                                <div class="detail">\n                                    <table class="table table-header-bg table-bordered mb0">\n                                        <thead>\n                                            <tr>\n                                                <td>\u76d1\u63a7\u6307\u6807</td>\n                                                <td>\u7b97\u6cd5</td>\n                                                <td>\u544a\u8b66\u7ea7\u522b</td>\n                                                <td>\u544a\u8b66\u6761\u4ef6</td>\n                                                <td>\u5904\u7406\u52a8\u4f5c</td>\n                                                <td>\u64cd\u4f5c</td>\n                                            </tr>\n                                        </thead>\n                                        <tbody>\n                                        <template v-if="checked_host_alarm_strategy_table.length>0">\n                                            <template v-for="strategy in checked_host_alarm_strategy_table">\n                                                <tr data-id="{{strategy.id}}">\n                                                    <td>{{strategy.monitor_field}}</td>\n                                                    <td>{{strategy.strategy_name}}</td>\n                                                    <td class="{{strategy.monitor_level_color}}">{{strategy.monitor_level_name}}</td>\n                                                    <td class="ellipsis-data">{{{strategy.strategy_desc}}}</td>\n                                                    <td>{{strategy.solution_name}}</td>\n                                                    <td class="operation">\n')
        __M_writer(u'                                                            <input v-model="strategy.is_enabled" type="checkbox" name="status"/>\n')
        __M_writer(u'                                                        <i class="iconfont icon-bianji edit" @click="add_alarm_strategy($event, strategy)"></i>\n                                                        <i class="iconfont icon-guanbi delete" @click="del_alarm_strategy($event, strategy)"></i>\n                                                    </td>\n                                                </tr>\n                                            </template>\n                                        </template>\n                                        <template v-if="checked_host_alarm_strategy_table.length==0">\n                                            <tr>\n                                                <td colspan="9" class="no-data">\n                                                    \u65e0\u67e5\u8be2\u6570\u636e\n                                                </td>\n                                            </tr>\n                                        </template>\n                                        </tbody>\n                                    </table>\n                                    <div class="loading hidden" id="alarms_strategy_table_loading">\n                                        <div class="loading-wrapper">\n                                            <img alt="loadding" src="')
        __M_writer(unicode(STATIC_URL))
        __M_writer(u'img/hourglass_36.gif">\n                                            \u5237\u65b0\u4e2d\uff0c\u8bf7\u7a0d\u7b49\n                                        </div>\n                                    </div>\n                                    <div class="paging-wrapper clearfix" id="alarm_strategy_paging_footer">\n\n                                    </div>\n                                </div>\n                            </div>\n\n                            <!-- \u5173\u8054\u544a\u8b66\u4e8b\u4ef6 -->\n                            <div class="relevant-alert-info info-item">\n                                <div class="clearfix">\n                                    <div class="title pull-left mr5">\n                                        <i class="iconfont icon-gaojingshijian"></i>\n                                        \u5173\u8054\u544a\u8b66\u4e8b\u4ef6\n                                    </div>\n                                    <div class="title-badges pull-left">\n                                        <span class="title-badge slight" @click="alarm_filter($event, 3)" attr-level="3">\u8f7b\u5fae\u8b66\u544a:{{checked_host_alarms_count_info[3]}}</span>\n                                        <span class="title-badge normal" @click="alarm_filter($event, 2)" attr-level="2">\u666e\u901a\u8b66\u544a:{{checked_host_alarms_count_info[2]}}</span>\n                                        <span class="title-badge serious" @click="alarm_filter($event, 1)" attr-level="1">\u4e25\u91cd\u8b66\u544a:{{checked_host_alarms_count_info[1]}}</span>\n                                    </div>\n                                    <div class="date-select pull-right">\n                                        \u67e5\u770b\u65e5\u671f\uff1a\n                                        <input type="text" class="form-control time-picker" id="alarm_date" placeholder="\u9009\u62e9\u65e5\u671f...">\n                                    </div>\n                                </div>\n\n                                <div class="detail">\n                                    <table class="table table-header-bg table-bordered mb0">\n                                        <thead>\n                                            <tr>\n                                                <td>\u544a\u8b66\u65f6\u95f4</td>\n                                                <td>\u76d1\u63a7\u6307\u6807</td>\n                                                <td>\u7ea7\u522b</td>\n                                                <td class="alert-condition">\u544a\u8b66\u5185\u5bb9</td>\n                                                <td>\u64cd\u4f5c</td>\n                                            </tr>\n                                        </thead>\n                                        <tbody>\n                                            <template v-if="checked_host_alarms_table.length>0">\n                                                <template v-for="alarm in checked_host_alarms_table">\n                                                    <tr>\n                                                        <td>{{alarm.source_time.split(" ")[1]}}</td>\n                                                        <td>{{alarm.monitor_field_show_name}}</td>\n                                                        <td class="{{alarm.level_class}}">{{alarm.level_display}}</td>\n                                                        <td class="alert-condition">\n                                                            <p>\u7ef4\u5ea6\u4fe1\u606f\uff1a{{alarm.dimensions_display}}</p>\n                                                            <p>{{alarm.raw}}</p>\n                                                        </td>\n                                                        <td>\n                                                            {{{alarm.status_html}}}\n                                                        </td>\n                                                    </tr>\n                                                </template>\n                                            </template>\n                                            <template v-if="checked_host_alarms_table.length==0">\n                                                <tr>\n                                                    <td colspan="9" class="no-data">\n                                                        \u65e0\u67e5\u8be2\u6570\u636e\n                                                    </td>\n                                                </tr>\n                                            </template>\n                                        </tbody>\n                                    </table>\n                                    <div class="loading hidden" id="alarms_table_loading">\n                                        <div class="loading-wrapper">\n                                            <img alt="loadding" src="')
        __M_writer(unicode(STATIC_URL))
        __M_writer(u'img/hourglass_36.gif">\n                                            \u5237\u65b0\u4e2d\uff0c\u8bf7\u7a0d\u7b49\n                                        </div>\n                                    </div>\n                                    <div class="paging-wrapper clearfix" id="alarms-paging-footer">\n\n                                    </div>\n                                </div>\n                            </div>\n                        </div>\n                        <!-- \u673a\u5668\u591a\u9009 -->\n                        <div class="multiple-detail hidden" id="multiple">\n                            <!-- \u6307\u6807\u9009\u62e9 -->\n                            <div class="indicator-selector info-item">\n                                <p class="title">\n                                    <i class="iconfont icon-zhujixinxi"></i>\n                                    \u6307\u6807\u9009\u62e9\n                                </p>\n                                <div class="detail" id="selectors">\n                                    <template v-for="(category, host_index_list) in host_index_info">\n                                    <div class="selector-row clearfix">\n                                        <span class="sub-title pull-left">{{category}}\u6307\u6807\uff1a</span>\n                                        <div class="sub-detail pull-left">\n                                            <a v-for="host_index in host_index_list" href="###" class="king-btn" data-index_id="{{host_index.index_id}}" @click="host_index_selected($event.target)">{{host_index.description}}</a>\n                                        </div>\n                                    </div>\n                                    </template>\n                                </div>\n                            </div>\n\n                            <!-- \u76d1\u63a7\u670d\u52a1\u89c6\u56fe -->\n                            <div class="monitor-view info-item">\n                                <div class="clearfix">\n                                    <div class="title pull-left">\n                                        <i class="iconfont icon-shitu"></i>\n                                        \u76d1\u63a7\u670d\u52a1\u89c6\u56fe\n                                    </div>\n                                    <div class="date-select pull-right">\n                                        \u67e5\u770b\u65e5\u671f\uff1a\n                                        <input type="text" class="form-control time-picker" id="multiple_graph_date" placeholder="\u9009\u62e9\u65e5\u671f...">\n')
        __M_writer(u'                                    </div>\n                                </div>\n\n                                <div class="monitor-chart">\n                                    <div class="row">\n                                        <template v-for="host_index in multiple_host_index_table" track-by="$index">\n                                        <div class="col-sm-6 mb20 multiple-contain">\n                                            <div class="chart-item">\n                                                <p class="sub-title">{{"\u3010" + host_index.host_ip +"\u3011"+ host_index.description + " "+ host_index.dimension_field_value}}</p>\n                                                <div class="line-chart" data-index_id="{{host_index.index_id}}" data-dimension_field_value="{{host_index.dimension_field_value}}" data-host_id="{{host_index.host_id}}"></div>\n                                            </div>\n                                        </div>\n                                        </template>\n                                    </div>\n                                    <div class="paging-wrapper clearfix" id="multiple_graph_paging_footer">\n\n                                    </div>\n                                </div>\n                            </div>\n                        </div>\n                    </div>\n                    <div class="close-btn" id="close" data-type="close">\u5173\u95ed</div>\n                </section>\n            </article>\n            <script>\n                ')

        import json
                        
        
        __M_writer(u'\n                count_per_page = ')
        __M_writer(unicode(count_per_page))
        __M_writer(u';\n                run_mode = "')
        __M_writer(unicode(RUN_MODE))
        __M_writer(u'";\n                run_init = true;\n                plat_info = ')
        __M_writer(unicode(json.dumps(plat_info)))
        __M_writer(u";\n                checkhost_id = '")
        __M_writer(unicode(checkhost_id))
        __M_writer(u"';\n            </script>\n")
        return ''
    finally:
        context.caller_stack._pop_frame()


def render_script(context,**pageargs):
    __M_caller = context.caller_stack._push_frame()
    try:
        STATIC_VERSION = context.get('STATIC_VERSION', UNDEFINED)
        STATIC_URL = context.get('STATIC_URL', UNDEFINED)
        def script():
            return render_script(context)
        __M_writer = context.writer()
        __M_writer(u'\n    <link href="')
        __M_writer(unicode(STATIC_URL))
        __M_writer(u'assets/kendoui-2015.2.624/styles/kendo.common.min.css" rel="stylesheet">\n    <link href="')
        __M_writer(unicode(STATIC_URL))
        __M_writer(u'assets/kendoui-2015.2.624/styles/kendo.default.min.css" rel="stylesheet">\n    <link href="')
        __M_writer(unicode(STATIC_URL))
        __M_writer(u'assets/bootstrap-switch-1.2/bootstrapSwitch.css" rel="stylesheet">\n    <link rel="stylesheet" type="text/css" href="')
        __M_writer(unicode(STATIC_URL))
        __M_writer(u'alert/css/performanceV2/icheck/minimal/blue.css">\n    <link rel="stylesheet" type="text/css" href="')
        __M_writer(unicode(STATIC_URL))
        __M_writer(u'alert/css/performanceV2/style.css">\n    <link href="')
        __M_writer(unicode(STATIC_URL))
        __M_writer(u'assets/switchery-master/dist/switchery.css" rel="stylesheet">\n    <script src="')
        __M_writer(unicode(STATIC_URL))
        __M_writer(u'assets/icheck-1.x/icheck.min.js"></script>\n    <script src="')
        __M_writer(unicode(STATIC_URL))
        __M_writer(u'assets/easyPieChart-2.1.7/jquery.easypiechart.min.js"></script>\n    <script src="')
        __M_writer(unicode(STATIC_URL))
        __M_writer(u'assets/kendoui-2015.2.624/js/kendo.all.min.js"></script>\n    <script src="')
        __M_writer(unicode(STATIC_URL))
        __M_writer(u'assets/highcharts-4.1.7/js/highcharts.js"></script>\n    <script src="')
        __M_writer(unicode(STATIC_URL))
        __M_writer(u'assets/highcharts-4.1.7/js/highcharts-more.js"></script>\n    <script src="')
        __M_writer(unicode(STATIC_URL))
        __M_writer(u'assets/bootstrap-switch-1.2/bootstrapSwitch.js"></script>\n    <script src="')
        __M_writer(unicode(STATIC_URL))
        __M_writer(u'assets/switchery-master/dist/switchery.js"></script>\n    <script src="')
        __M_writer(unicode(STATIC_URL))
        __M_writer(u'alert/js/performanceV2/index.js?v=')
        __M_writer(unicode(STATIC_VERSION))
        __M_writer(u'"></script>\n    <script src="')
        __M_writer(unicode(STATIC_URL))
        __M_writer(u'alert/js/alarm_strategy.js?v=')
        __M_writer(unicode(STATIC_VERSION))
        __M_writer(u'"></script>\n    <script src="')
        __M_writer(unicode(STATIC_URL))
        __M_writer(u'alert/js/dataview/graph-highcharts.js"></script>\n    <script src="')
        __M_writer(unicode(STATIC_URL))
        __M_writer(u'alert/js/performanceV2/performance.js?v=')
        __M_writer(unicode(STATIC_VERSION))
        __M_writer(u'"></script>\n\n')
        return ''
    finally:
        context.caller_stack._pop_frame()


"""
__M_BEGIN_METADATA
{"source_encoding": "utf-8", "line_map": {"128": 547, "129": 547, "130": 548, "131": 548, "132": 549, "133": 549, "134": 550, "135": 550, "136": 551, "137": 551, "138": 552, "139": 552, "140": 552, "141": 552, "142": 553, "143": 553, "144": 553, "145": 553, "146": 554, "147": 554, "148": 555, "149": 555, "150": 555, "151": 555, "27": 0, "157": 151, "42": 1, "47": 536, "57": 4, "68": 4, "69": 5, "70": 5, "71": 23, "72": 141, "73": 148, "74": 205, "75": 224, "76": 240, "77": 240, "78": 372, "79": 374, "80": 391, "81": 391, "82": 458, "83": 458, "84": 502, "85": 527, "89": 529, "90": 530, "91": 530, "92": 531, "93": 531, "94": 533, "95": 533, "96": 534, "97": 534, "103": 538, "111": 538, "112": 539, "113": 539, "114": 540, "115": 540, "116": 541, "117": 541, "118": 542, "119": 542, "120": 543, "121": 543, "122": 544, "123": 544, "124": 545, "125": 545, "126": 546, "127": 546}, "uri": "/monitor/performanceV2/home.html", "filename": "/data/bksuite_ce-3.0.22-beta/paas/paas_agent/apps/projects/bk_monitor/code/bk_monitor/templates/monitor/performanceV2/home.html"}
__M_END_METADATA
"""
